import React from 'react';
// import {Text, View,} from 'react-native';
import {Container,Content, Header,Left,Right,Body,Text,Title,Subtitle,Button,Icon} from 'native-base'
import RouteWithSubRoutes from '../../util/route';


export default class Home extends React.Component{
  render(){
    // console.log(this.props);
    const {routes} = this.props;
    return(<Container>
      <Header>
        <Left>
          <Button transparent>
            <Icon name='arrow-back' />
          </Button>
        </Left>
        <Body>
          <Title>详情页</Title>
          <Subtitle>Subtitle</Subtitle>
        </Body>
        <Right />
      </Header>
      <Content>
        <Text>detail</Text>
        {
          routes.map((route,i) => (<RouteWithSubRoutes key={i} {...route} />))
        }
      </Content>
    </Container>)
  }
}